const express = require('express')
const path = require('path')
let app = express()
app.listen(3000, () => {
    console.log('3000ok');
})


app.get("/index", (req, res) => {
    res.sendFile(path.join(__dirname, "./html/index.html"))
})

/* 
app.get("/css/index.css",(req,res)=>{

    res.sendFile(path.join(__dirname,"./css/index.css"))
})
app.get("/images/1.webp",(req,res)=>{

    res.sendFile(path.join(__dirname,"./images/1.webp"))
})
app.get("/images/2.webp",(req,res)=>{
    
    res.sendFile(path.join(__dirname,"./images/2.webp"))
})
app.get("/js/index.js",(req,res)=>{

    res.sendFile(path.join(__dirname,"./js/index.js"))
}) */


/* app.use((req,res)=>{
    console.log(req.url);//public/css/index.css
    //  ./public/public/css/index.css

    res.sendFile( path.join(__dirname,"./public")  +req.url )
}) */


// 开发静态资源
// 内置中间件：express.static(文件夹路径)
// 文件夹路径 建议是绝对的
// 【把此路径下的】所有资源都放到服务器上
// 例如：把public下的资源方到服务器上，而不是把public放到服务器上
// 所以可以直接在服务器的基础上，访问public内部的资源
// http://localhost:3000/css/index.css


// app.use( express.static("./public") )
app.use( express.static(   path.join(__dirname,"./public")       ) )